<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<link rel="icon" href="assets/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" />
		<meta content="1 days" name="revisit-after" />
	<meta content="telephone=no" name="format-detection" />
	
	<meta name="viewport" content="width=640,user-scalable=0,target-densitydpi=device-dpi">
	<!--
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />
-->

	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="false" id="twcClient" name="twcClient" />
		
	<title>首页</title>
	<script>var zmdoc = zmdoc||{};</script>
	<!--[if IE]>
							<![endif]-->

		
	<script type="text/javascript" src="/document/common/jquery-1.8.3.min.js"></script>		<script type="text/javascript"> </script>
	<style type="text/css">@charset "utf-8";body,html,nav,ol,th,embed,abbr,li,input,gloabl,h2,input,td,h1,blockquote,xml,div,dl,dt,dd,ul,h3,h4,h5,h6,pre,form,fieldset,p{margin:0;padding:0;}img,fieldset, body,html{border:none;}address,caption,cite,code,dfn,em,strong,th,abbr,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;line-height:1;font-family: "microsoft yahei","SimSun",Arial,"adelle-1","adelle-2","kulturista-web-1","kulturista-web-2","Nixie One","StMarieThin",Georgia,serif;}q:before,q:after{content:'';}table {border-collapse:collapse;border-spacing:0;}html {font:12px/150% "SimSun","Helvetica Neue",Helvetica,Arial,sans-serif; color:#333;background-color: #FFF;}h1{font-size:100%;}h2, .h2 {font-size:16px;}h3, .h3 {font-size:14px;}h4, .h4 {font-size:12px;}h5, .h5 {font-size:11px;}strong {font-weight:bold;}.clearfix{clear:both; zoom:1; } .clearfix:after {content:"."; clear:both; display:block; height:0; font:0/0 arial; visibility:hidden;}.u,a.u {text-decoration:underline;}.nu, a.nu {text-decoration:none;}html {background-color: #f0eee8;}body.zm {width:640px;font-size:24px;overflow-x:hidden;line-height:1.6;}body.zm input, body.zm textarea, body.zm select {font-size:24px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}.main-content {padding-top: 80px;}* {  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}</style>	
	<style>.w-header {position: fixed;width: 100%;height: 80px;background-color: #343434;color: #fff;font-size: 40px;line-height: 80px;text-align: center;top: 0;z-index: 999;}.w-header img.back {position: absolute;left: 24px;top: 24px;}.w-header i {font-style: normal;}.w-home-content {background: #f8ffea;}.w-home-content banner {width: 640px;height: 330px;}.w-home-content div.grade-wrap {width: 590px;margin: -90px auto 0; padding-bottom: 35px;position: relative;z-index: 2;}.w-home-content dl {overflow: hidden;}.w-home-content dl.sec-child {height: 215px;background-color: #ff9894;color: #fff;}.w-home-content dl.sec-child {padding: 20px 65px 0 50px;}.w-home-content dl.sec-child dt {width: 220px;display: inline-block;}.w-home-content dl.sec-child dd {float: right;display: block;width: 176px;height: 176px;background:url(assets/bg_child.png) no-repeat center center;background-size: cover;  border-radius: 88px;}.w-home-content dl h3 {font-size: 30px;line-height: 1.8;}.w-home-content dl p {font-size: 16px;padding-top: 10px;font-weight: normal;}.w-home-content dl.sec-grade-one {background:url(assets/bg_grade_one_1.png) no-repeat #bde8fb;height: 269px;color: #4e69a2;}.w-home-content dl.sec-grade-one dd {float: right;width: 230px;margin: 80px 30px 0 0;}.w-home-content dl.sec-grade-three {background:url(assets/bg_grade_three.png) no-repeat #e378ad bottom right;display: inline-block;height: 360px;width: 295px;color: #fff;float:left;}.w-home-content dl.sec-grade-three dt {padding: 35px 0 0 47px ;}.w-home-content dl.sec-grade-three p {width: 145px;}.w-home-content dl.sec-grade-five {background:url(assets/bg_grade_five.png) no-repeat #fcb241 bottom right;display: inline-block;height: 360px;width: 295px;color: #fff;float: left;}.w-home-content dl.sec-grade-five p {width: 220px;}.w-home-content dl.sec-grade-five dt {padding: 35px 0 0 47px ;}.w-home-content dl.sec-hight-school {color: #fff;background:url(assets/bg_high_school.png) no-repeat #e4e4e2 bottom left;height: 233px;}.w-home-content dl.sec-hight-school dd {float: right;width: 325px;height: 190px;background-color: rgba(172,149,203,0.8);margin-top: 43px;padding: 15px 0 0 60px;;}.w-home-content dl.sec-poetry {background:url(assets/bg_poetry.png) no-repeat #f7af73 right top;height: 266px;color: #fff;}.w-home-content dl.sec-poetry dt {padding: 37px 0 0 49px;width: 287px;height: 100%;position: relative;}.w-home-content dl.sec-poetry dt:before {content: '';position: absolute;height: 0;left: 100%;top: 55px;border: 5px solid;border-width: 10px;border-color: transparent transparent transparent #f7af73;}.swiper-container {width: 100%;height: 344px;}.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}.swiper-container-horizontal > .swiper-pagination {bottom: 120px !important;}.swiper-pagination-bullet {background: #fff !important;opacity: 0.8 !important;}.swiper-pagination-bullet-active {background: #d52f43 !important;}</style>
</head>
<body class="zm zmmobile">
	<!-- WIDGET-header-BOF -->
<header class="w-header">
	<img class="back" src="assets/back.png" width="43" height="30" />
	<i>主页-手册学习</i>
</header>
<!-- WIDGET-header-EOF -->
<!-- WIDGET-header-BOF -->
<link rel="stylesheet" href="assets/swiper.min.css">
<script src="assets/swiper.jquery.min.js"></script>
<div class="w-home-content main-content">
	<div class="swiper-container banner">
    <!-- Additional required wrapper -->
    <div class="swiper-wrapper">
        <!-- Slides -->
				<a href="#" class="swiper-slide"><img src="assets/banner-img.png" width="640" height="344" /></a>
				<a href="#" class="swiper-slide"><img src="assets/banner-img.png" width="640" height="344" /></a>
				<a href="#" class="swiper-slide"><img src="assets/banner-img.png" width="640" height="344" /></a>
    </div>
		<!-- If we need pagination -->
    <div class="swiper-pagination"></div>
</div>
	<div class="clearfix grade-wrap">
		<dl class="sec-child content">
			<dt>
				<h3>幼儿组></h3>
				<p>孔子说，诗三百，思无邪。 每一日，让语言和心灵伴随优美的文字一起飞扬。</p>
			</dt>
			<dd></dd>
		</dl>
		<dl class="sec-grade-one content">
			<dt>
			</dt>
			<dd>
				<h3>1-2年级组></h3>
				<p>我就是那种只要你和我 说一声晚安， 哪怕我今天过得有多糟糕。</p>
			</dd>
		</dl>
		<dl class="sec-grade-three content">
			<dt><h3>3-4年级组></h3><p>这是世界上<br/>最美的声音， <br/>纯净、自然， <br/>用最简单的 <br/>认知表达直指人心。</p></dt><dd></dd>
		</dl><dl class="sec-grade-five content">
			<dt><h3>5-6年级组></h3><p>一部经典影片， 总有几句台词让我们动容， 演的是故事，说得却是人生。</p></dt><dd></dd>
		</dl>
		<dl class="sec-hight-school content clearfix">
			<dt></dt><dd><h3>中学组><p>言由心声，那一刻声音体现的 <br/>气息、语调和表情<br/> 才能真实记录你每一天。</p></h3></dd>
		</dl>
		<dl class="sec-poetry content clearfix">
			<dt><h3>诗词精选><p>言由心声，那一刻声音体现的 <br/>气息、语调和表情<br/> 才能真实记录你每一天。</p></h3></dt><dd></dd>
		</dl>
	</div>
</div>
<!-- WIDGET-header-EOF --><script type="text/javascript">$(function () {
    var mySwiper = new Swiper ('.swiper-container', {
    // Optional parameters
    loop: true,
    
    // If we need pagination
    pagination: '.swiper-pagination'
  })     
  });</script>
<!-- WIDGET-home-content-EOF --></body>
</html>
